<style type="text/css">
	#panel-user-vote {
		float:left;
		width:30%;
		height:200px;
		background:yellow;	
	}
	#panel-score {
		float:left;
		width:40%;
		height:200px;
		background:blue;
	}
	#panel-overall {
		float:left;
		width:29%;
		height:200px;
		background:pink;
	}
	#panel-overall .overall-dialog {		
		border: 2px solid #000;		
		height:150px;
		width:150px;
		margin:0px auto 0 auto;
	}
	.score-bar {
		margin:5px 3px 5px 3px;
		background:red;
		width:200px;
		height:15px;
	}
	.list {
		margin:20px;
		padding:0px;
	}
	.list li {
		margin:0px;
		padding:0px;
		list-style-type:none;
		height:30px;
	}
</style>
<div id="panel-vote">
	<div id="panel-user-vote">		
		<ul class="list" style="text-align:right;">
			<li><?php print form_dropdown("dll-score-cat-1", array(0, 1, 2, 3, 4, 5)); ?></li>
			<li><?php print form_dropdown("dll-score-cat-1", array(0, 1, 2, 3, 4, 5)); ?></li>
			<li><?php print form_dropdown("dll-score-cat-1", array(0, 1, 2, 3, 4, 5)); ?></li>
			<li><?php print form_dropdown("dll-score-cat-1", array(0, 1, 2, 3, 4, 5)); ?></li>
			<li><?php print form_dropdown("dll-score-cat-1", array(0, 1, 2, 3, 4, 5)); ?></li>
		</ul>		
	</div>
	<div id="panel-score">
		<ul class="list">
			<li>คะแนนหมวด 1 <div class="score-bar"></div></li>
			<li>คะแนนหมวด 2 <div class="score-bar"></div></li>
			<li>คะแนนหมวด 3 <div class="score-bar"></div></li>
			<li>คะแนนหมวด 4 <div class="score-bar"></div></li>
			<li>คะแนนหมวด 5 <div class="score-bar"></div></li>
		</ul>
	</div>
	<div id="panel-overall">
		<div class="overall-dialog">
		
		</div>
	</div>
</div>